<template>
    <div class="big_display">
	    <IndexInfomation></IndexInfomation>
	    <RMenu></RMenu>
	    <div class="display">
		    <div class="display_left">
		    	<DCompanyInfo></DCompanyInfo>
		    	<div class="_one"></div>
		    	<JobDes></JobDes>
		    	<div class="_one"></div>
		    	<Matching></Matching>
		    	<div class="_one"></div>
		    	<OtherInfo></OtherInfo>
		    	<div class="_one"></div>
		    	<Introduction></Introduction>
		    	<div class="_one"></div>
		    	<Interested></Interested>
		    	<div class="_one"></div>
		    </div>
		    <div class="display_right">
		    	<InfoCom></InfoCom>
		    </div>
	    </div>
	</div>
</template>

<script>
	import RMenu            from     './components/Menu'
	import IndexInfomation  from     './components/Infomation'
	import DCompanyInfo  from     './components/CompanyInfo'
	import JobDes  from     './components/JobDescription'
	import Matching  from     './components/Matching'
	import OtherInfo  from     './components/OtherInfo'
	import Introduction  from     './components/Introduction'
	import Interested  from     './components/Interested'
	import InfoCom  from     './components/InfoCom'
	export default {
    	name: 'Display',
    	components: {
    	    IndexInfomation,
    	    RMenu,
    	    DCompanyInfo,
    	    JobDes,
    	    Matching,
    	    OtherInfo,
    	    Introduction,
    	    Interested,
    	    InfoCom
		},
        data () {
            return {
            }
        }
    }
</script>

<style>
	.big_display{
		background: #F0F0F0;
		/*height: 3000px;*/
	}
	.display{
		position: relative;
		width: 1000px;
		left: 50%;
		margin-left: -500px;
	}
	.display_left{
		width: 680px;
		/*height: 2000px;*/
		background: #FFFFFF;
		display: inline-block;
	}
	.display_right{
		width: 310px;
	/*	height: 600px;*/
		background: #FFFFFF;
		display: inline-block;
		margin-left: 10px;
		float: right;
	}
	._one{
		margin-top: 10px;
		border: 0.5px dashed #2D8CF0;
	}
</style>